<template>
  <div id="app">
    <!-- <div class="item"></div> -->
    <!-- <to-do-list></to-do-list> -->
    <!-- <flex-diection-t></flex-diection-t> -->
    <!-- ///////////////////////////////////////////////////// -->
    <!-- <top-menu></top-menu>
    <justify></justify>
    <align-item-t></align-item-t>
    <flex-grow></flex-grow>
    <flex-center></flex-center>
    <relative></relative>
    <absolute></absolute>
    <absolute-center></absolute-center>
    <icon></icon>
    <fixed></fixed> -->
    <!-- 3.14///////////////////////////////////////////////////////// -->
    <!-- <simole-button-slot title="sssrrr"></simole-button-slot>
    <simole-button-slot-2>aaaa2020.3.14</simole-button-slot-2>
    <to-do-list-2></to-do-list-2>
    <review-bin-class></review-bin-class> -->
    <!-- <index></index>
    <spilte-model></spilte-model>
    <my-input v-model="InputVal" clearable></my-input>{{InputVal}}
    <step-1></step-1> -->

    <!-- <simple-table></simple-table>
    <tronsition-base></tronsition-base>
    <keyframes-base></keyframes-base>
    <keyframes-base-2></keyframes-base-2> -->
    <!-- <my-switch-template></my-switch-template>
    <transitioninput></transitioninput>
    <life v-if="isFocus"></life>
    <indexz></indexz> -->
    <!-- <article-list-mock></article-list-mock> -->
    <mock-test></mock-test>
  </div>
</template>
<script>

// import justify from './views/justify-content.vue';
// import flexDiectionT from './views/flex-diection-t.vue';
// import toDoList from './views/toDoList.vue'
// import FlexGrow from './views/flex-grow.vue';
// import AlignItemT from './views/align-item-t.vue';
// import FlexCenter from './views/flex-Center.vue';
// import Relative from './views/3.9/relative.vue';
// import Absolute from './views/3.9/absolute.vue';
// import AbsoluteCenter from './views/3.9/absolute-center.vue';
// import Icon from './views/3.9/icon.vue';
// import Fixed from './views/3.9/fixed.vue';
// import TopMenu from './views/topMenu.vue';
// import SimoleButtonSlot from "./views/3.14_3.16/SimoleButtonSlot.vue";
// import SimoleButtonSlot2 from "./views/3.14_3.16/SimoleButtonSlot2.vue";
// import ToDoList2 from "./views/3.14_3.16/toDoList2.vue";
// import ReviewBinClass from "./views/3.21/reviewBinClass.vue";
// import Index from './views/3.21/index.vue';
// import MyInput from './views/3.23/myInput.vue';
// import SpilteModel from './views/3.23/spilteModel.vue';
// import Step1 from './views/3.28/step1.vue';
// import SimpleTable from './views/3.28_3.30/SimpleTable.vue';
// import KeyframesBase from './views/4.6/keyframes-base.vue';
// import KeyframesBase2 from './views/4.6/keyframes-base2.vue';
// import TronsitionBase from './views/4.6/tronsition-base.vue';
// import MySwitchTemplate from './views/4.6/mySwitch-template.vue';
// import Transitioninput from './views/4.11/transitioninput.vue';
// import Life from './views/4.11/life.vue';
// import Indexz from './views/4.11/indexz.vue';
import ArticleListMock from './views/4.13/articleList-mock.vue';
import MockTest from './views/4.13/mock-test.vue';

export default {
  components: {
    // toDoList,
    // flexDiectionT,
    // justify,
    // FlexGrow,
    // AlignItemT,
    // FlexCenter,
    // Relative,
    // Absolute,
    // AbsoluteCenter,
    // Icon,
    // Fixed,
    // TopMenu,
    // SimoleButtonSlot,
    // SimoleButtonSlot2,
    // ToDoList2,
    // ReviewBinClass,
    // SpilteModel,
    // Index,
    // MyInput,
    // Step1,
    // SimpleTable,
    // TronsitionBase,
    // KeyframesBase,
    // KeyframesBase2,
    // MySwitchTemplate,
    // Transitioninput,
    // Life,
    // Indexz,
    ArticleListMock,
    MockTest,
    

  },

  data() {
    return {
    InputVal:" ",
    };
  },
  methods: {
    appendMsg() {
      this.dataList.push(this.message);
    },
  },
};
</script>
<style>
</style>
